Treeview Selection

This example demonstrates how to use Soby Item Selection as treeview selection.
Setting item selector type as "SobyItemSelectorTypes.TreeView" will make it work as treeview selection.

itemSelection = new soby_ItemSelection("#soby_BooksDiv", "Meters", SobyItemSelectorTypes.TreeView, autoCompleteBookDataService, advancedSearchBookDataService, advancedSearchBookChildDataService, "No record", "BookSelectionDialog", "/Management/CustomerSelection.html", "Id", "Title", "ParentId"); 
            itemSelection.AllowMultipleSelections = false;
            itemSelection.Initialize();
        

View source

<script src="/media/js/jquery-3.1.0.js" type="text/javascript" ></script>
<link href="/media/css/soby.ui.components.css" rel="stylesheet" type="text/css" media="all" />
<script src="/media/js/soby.service.js" ></script>
<script src="/media/js/soby.ui.components.js" ></script>
<script src="/media/js/soby.ui.components.treeview.js" ></script>
<div id='soby_BooksDiv' ></div>
            

        

Want to learn more about the item selection component? Check out the API documentation.